
.lt {
  float: left;
}

.rt {
  float: right;
}

.yellow {
  color: #e9b841;
  cursor:pointer;
}

/* 禁用点击事件 */
.notclick {
  pointer-events: none;
  background-color: #aaa !important;
}

@media screen and (max-width:1280px){
  .container {
    width: 1280px !important;
  }
}

.container {
  width: 100%;
  height: 100%;
}

.DY_COMMON_TOPBAR {
  width: 100%;
}

.main {
  height: 100%;
  position: relative;
}

/* 底层背景 */
.s1 {
  /* width: 1920px;
  height: 6069px; */
  width: 100%;
  height: 100%;
}

.s1 div:first-child {
  height: 1138px;
  background: url(./PC端-切图/PC端-切图/背景/背景_02.png) no-repeat center top;
}
.s1 div:nth-child(2) {
  height: 952px;
  background: url(./PC端-切图/PC端-切图/背景/背景_04.png) no-repeat center top;
}.s1 div:nth-child(3) {
  height: 1636px;
  background: url(./PC端-切图/PC端-切图/背景/背景_05.png) no-repeat center top;
}.s1 div:nth-child(4) {
  height: 845px;
  background: url(./PC端-切图/PC端-切图/背景/背景_06.png) no-repeat center top;
}.s1 div:nth-child(5) {
  height: 1495px;
  background: url(./PC端-切图/PC端-切图/背景/背景_07.png) no-repeat center top;
}

/* 顶层内容区域 */
.s2 {
  width: 1200px;
	height: 5212px;
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  color: #fff;
  /* background-color: rgba(221, 221, 221, 0.246); */
}

/* 视频转播区域 */
.rebroadcast {
  height: 660px;
  background-color: #3d4171;
  color: #fff;
}

/* 视频转播头部区域 */
.rbcastTop {
  display: flex;
  align-items: center;
  height: 92px;
}

.rbcastTopHead {
  width: 296px;
	height: 64px;
  margin-left: 15px;
}

.rbcastTopHead .head {
  height: 64px;
  width: 64px;
  background-color: #fff;
  border-radius: 50%;
}

.rbcastTopHead .title {
  height: 56px;
  margin-top: 2px;
  margin-bottom: 3px;
}

.rbcastTopEnd {
  margin-left: auto;
  margin-right: 40px;
  font-size: 16px;
}

/* 视频转播中间主要内容区域 */
.rbcastMain {
  height: 534px;
}

.rbcastMain .video {
  width: 858px;
  height: 484px;
  background-color: #000;
}

.rbcastMain .control {
  height: 50px;
  background-color: #313538;
}

.rbcastMain .comment {
  height: 100%;
  background-color: #fbfbfb;
}

/* 视频转播底部区域 */
.rbcastBottom {
  font-size: 16px;
  padding: 6px 20px;
}


/* 红人墙区域 */

/* 红人墙标题 */
.starWallTitle {
  position: absolute;
  top: 860px;
  left: 396px;
  width: 408px;
	height: 184px;
  background-image: url(./PC端-切图/PC端-切图/红人墙标题.png);
}

/* 红人墙背景区域 */
.starWallMain {
  margin-top: 440px;
  width: 1200px;
	height: 2291px;
	background-color: #3d4171;
  overflow: hidden;
}

/* 红人们 */
.starWallMain .stars {
  width: 100%;
  height: 137px;
}

.starWallMain .stars li {
  display: inline-block;
  line-height: 90px;
  margin: 20px 58px;
}
/* 鼠标经过鼠标变成小手 */
.starWallMain .stars li:hover {
  cursor:pointer;
}

.starWallMain .stars li:first-child {
  margin-left: 85px;
}

/* 没被选中的红人项 */
.unselected {
  font-size: 24px;
  color: #9d9eb2;
}

/* 被选中的红人项 */
.selected {
  position: relative;
  font-size: 28px;
  color: #fff;
}

.selected::after {
  content: url(./PC端-切图/PC端-切图/红人选中.png);
  position: absolute;
  top: 62px;
  left: 50%;
  transform: translateX(-50%);
}

/* 被选中的红人的个人介绍 */
.starWallMain .detail {
  box-sizing: border-box;
  width: 1152px;
	height: 1024px;
  margin: 0 auto;
  padding: 30px;
  background: url(./PC端-切图/PC端-切图/红人边框.png) center no-repeat;
}

/* 被选中红人的详细信息：头像 | 简介 | 票数  */
.starData {
  width: 1094px;
	height: 229px;
  margin-top: 30px;
  margin-bottom: 82px;
  color: #fff;
}

/* 头像 */
.starData .starPhoto {
  display: flex;
  align-items:center;
  justify-content:center;
  overflow: hidden;
  width: 228px;
  height: 228px;
  background-image: url(./PC端-切图/PC端-切图/头像底纹.png);
}

.starPhoto img {
  width: 158px;
	height: 158px;
  border-radius: 50%;
}

/* 简介 */
.starData .starIntroduction {
  box-sizing: border-box;
  height: 100%;
  margin-left: 46px;
  padding-top: 23px;
}

.starIntroduction h3 {
  font-size: 36px;
  margin-bottom: 20px;
}

/* 红人介绍详细内容 */
.starDetail {
	width: 430px;
	font-size: 18px;
	line-height: 30px;
}

/* 投票区域 */
.starData .voteBar {
  width: 334px;
  height: 187px;
  margin-left: 55px;
  margin-top: 29px;
  text-align: center;
}

/* 票数信息 */
.voteBar h4 {
  display: inline;
	font-size: 25px;
}

.voteBar h6 {
  display: inline-block;
	font-size: 18px;
  line-height: 76px;
}

/* 投票按钮 */
.voteBarBtn {
	height: 86px;
  background-image: url(./PC端-切图/PC端-切图/参与应援按钮.png);
}

.voteBarBtn:hover {
  cursor:pointer;
}

/*  红人视频介绍  */
.starWallVideo {
  cursor: pointer;
  position: relative;
  width: 1092px;
  height: 615px;
}

.videoMask {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:  rgba(0, 0, 0, 0.4);
}

.videoMask:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  content: url(./PC端-切图/PC端-切图/视频播放按钮.png);
}

/* 抽奖规则 */
.starWallRules {
  width: 544px;
	height: 217px;
  margin-left: 75px;
}

.starWallRules ul li {
  font-size: 18px;
  margin-bottom: 24px;
}

.starWallRules ul li p {
   margin-left: 43px;
  margin-top: 18px;
  width: 501px;
	height: 138px;
	line-height: 30px;
	opacity: 0.6;
}

/* 抽奖转盘 */
.starWallLottery {
  position: relative;
  width: 654px;
	height: 654px;
  margin-left: 38px;
  margin-top: 42px;
  overflow: hidden;
  /* background-color: #aaa; */
}

.marquee {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 510px;
	height: 510px;
  border: #31355f 13px solid ;
  display: flex;
  justify-content: center;
  align-items: center;
}

.marquee::after {
  content: '';
  position: absolute;
  width: 125%;
	height: 125%;
  background-color: #3d4171;
  transform: rotate(45deg);
}

.wheelBox {
  width: 100%;
  height: 100%;
  position: relative;
}

/* 静止状态下图片数据 */
.lottery li {
  position: absolute;
}

.lottery li:nth-child(1) {
  top: 0px;
  left: 220px;
}

.lottery li:nth-child(2) {
  top: 440px;
  left: 220px;
}

.lottery li:nth-child(3) {
  top: 220px;
  left: 0px;
}

.lottery li:nth-child(4) {
  top: 220px;
  left: 440px;
}

.lottery li:nth-child(5) {
  top: 110px;
  left: 330px;
}

.lottery li:nth-child(6) {
  top: 110px;
  left: 110px;
}

.lottery li:nth-child(7) {
  top: 331px;
  left: 110px;
}

.lottery li:nth-child(8) {
  top: 331px;
  left: 330px;
}

/* 开始抽奖按钮 */
.lottery li:nth-child(9) {
  top: 220px;
  left: 220px;
}

.lottery li:nth-child(9) img{
  cursor:pointer;
}

/* 转盘转动时数据 */
.lotterying li {
  visibility: hidden;
  position: absolute;
}

.lotterying li:nth-child(1) {
  top: -17px;
  left: 203px;
}

.lotterying li:nth-child(2) {
  top: 423px;
  left: 203px;
}

.lotterying li:nth-child(3) {
  top: 203px;
  left: -17px;
}

.lotterying li:nth-child(4) {
  top: 203px;
  left: 423px;
}

.lotterying li:nth-child(5) {
  top: 93px;
  left: 313px;
}

.lotterying li:nth-child(6) {
  top: 93px;
  left: 93px;
}

.lotterying li:nth-child(7) {
  top: 314px;
  left: 93px;
}

.lotterying li:nth-child(8) {
  top: 314px;
  left: 313px;
}

/* 开始抽奖按钮 */
.lotterying li:nth-child(9) {
  top: 220px;
  left: 220px;
}

/* 抽奖转盘底部数据记录 */
.starWallLotteryBottom {
  width: 500px;
	height: 40px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  margin-top: 20px;
  margin-left: 114px;
}

.starWallLotteryBottom span {
  cursor:pointer;
  display: inline-block;
  width: 113px;
	height: 40px;
  background-color: #e9b841;
}
.starWallLotteryBottom em {
  margin: 0 80px;
}

/* 抽奖途径表格 */
.starWallTable {
  margin-right: 55px;
}

.starWallTable table {
  width: 417px;
	height: 214px;
  border: solid 1px #ffffff;
  text-align: center;
  border-collapse: collapse;
  background-color:rgba(255, 255, 255, 0.1)
}

.starWallTable table td,th {
  border: solid 1px #ffffff;
}

.starWallTable table tr th:first-child {
  width: 50%;
}

.starWallTable table tr th:nth-child(2) {
  width: 25%;
}

/* 抽奖结果展示 */
.starWallResult {
  margin-right: 55px;
  margin-top: 117px;
  width: 417px;
	height: 641px;
  font-size: 18px;
	border: solid 1px #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.starWallResult h5 {
  margin-top: 35px;
  margin-left: 24px;
}

.starWallResult h5 img {
  margin-right: 10px;
}

.starWallResult p {
  width: 342px;
  height: 46px;
  line-height: 28px;
  margin-top: 35px;
  margin-left: 36px;
  opacity: 0.6;
}

/* 横线 */
.starWallResult div {
  margin-top: 33px;
  margin-left: 36px;
  width: 335px; 
  height: 1px;
  background-color: #ffffff;
}


/* 活动介绍大标题 */
.activityTitle {
  position: absolute;
  top: 3590px;
  left: 396px;
  width: 408px;
	height: 184px;
  background-image: url(./PC端-切图/PC端-切图/活动介绍标题.png);
}

/* 活动介绍 */
.activity {
  position: absolute;
  top: 3841px;
  left: 0;
  width: 1200px;
	height: 351px;
  background-color: #3d4171;
}

.activity img {
  width: 50%;
  height: 100%;
}

.activityIntro {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  padding: 37px;
  text-align: center;
}

.activityIntro h3{
  font-size: 44px;
}

.activityIntro p {
  display: inline-block;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 15px;
  width: 525px;
	font-family: PingFangSC-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
}

.activityIntro div {
  cursor:pointer;
  display: inline-block;
  width: 526px;
	height: 40px;
  line-height: 40px;
  font-size: 18px;
	background-color: #e9b841;
}



/* 更多精彩大标题 */
.moreTitle {
  position: absolute;
  top: 4392px;
  left: 396px;
  width: 408px;
	height: 184px;
  background-image: url(./PC端-切图/PC端-切图/更多精彩标题.png);
}

/* 更多精彩内容 */
.more {
  position: absolute;
  top: 4661px;
  left: 0;
  width: 1200px;
  height: 551px;
  display: table;
}

.left{
  float: left;
  width: 355px;
	height: 551px;
	background-color: #3d4171;
}

.right{
  float: right;
  width: 355px;
	height: 551px;
	background-color: #3d4171;
}

.center{
  margin-left: 425px;
  margin-right: 72px;
  width: 355px;
	height: 551px;
	background-color: #3d4171;
}

.morebg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 355px;
	height: 196px;
  background-image: url(./PC端-切图/PC端-切图/更多精彩底框.png);
}

.morebg h3 {
  margin-bottom: 3px;
  font-size: 43px;
}
.morebg h5 {
  font-size: 29px;
}
/* 页面底部区域 */
.DY_COMMON_BUTTONBAR{
	width: 100%;
	height: 250px;
  background-color:#000;
}

